<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>大众点评</title>
  <link rel="stylesheet" href="./lib/mui/css/mui.css">
  <!-- 导入初始化样式的css -->
  <link rel="stylesheet" href="./css/normalize.css">
  <!-- 引入自己的css  -->
  <link rel="stylesheet" href="./css/login.css">
</head>

<body>
  <div class="w">
    <div class="container_one">
      <header class="mui-bar mui-bar-nav">
        <h1 class="mui-title">账号密码登录</h1>
      </header>
      <div class="mui-content">
        <form id='login-form' class="mui-input-group">
          <div class="mui-input-row">
            <label>账号</label>
            <input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
          </div>
          <div class="mui-input-row">
            <label>密码</label>
            <input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
          </div>
          <div class="mui-content-padded">
            <button id='login' type="submit" class="mui-btn mui-btn-block mui-btn-danger">登录</button>
          </div>
        </form>
      </div>
    </div>
    <!-- 注册区域 -->
    <div class="container_two">
      <header class="mui-bar mui-bar-nav">
        <h1 class="mui-title">账号密码注册</h1>
      </header>
      <div class="mui-content">
        <form id='login-form' class="mui-input-group">
          <div class="mui-input-row">
            <label>账号</label>
            <input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
          </div>
          <div class="mui-input-row">
            <label>密码</label>
            <input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
          </div>
          <div class="mui-input-row">
            <label>确认密码</label>
            <input id='password_sure' type="password" class="mui-input-clear mui-input" placeholder="请确认密码">
          </div>
          <div class="mui-content-padded">
            <button id='login' type="submit" class="mui-btn mui-btn-block mui-btn-danger">注册登录</button>
          </div>
        </form>
      </div>
    </div>

  </div>
  <div class="link-area"><a id='reg'>注册账号</a> <span class="spliter">|</span> <a id='forgetPassword'>忘记密码</a>
  </div>

    <!-- 引入相应的js文件 -->
    <script src="./lib/mui/js/mui.js"></script>
    <!-- 导入插件 -->
    <script src="./js/mui.enterfocus.js"></script>
    <script src="./js/app.js"></script>
    <!-- 导入flexible -->
    <script src="./lib/flexible/index.js"></script>
    <script src="./lib/jquery/jquery.min.js"></script>
    <script src="./lib/template/template-web.js"></script>
    <!-- 自己的js -->
    <script src="./js/login.js"></script>
</body>

</html>